<template>
	<view>
		<view class="content">
			<view class="lunbo">
				<view class="back" @tap="back">
					<view class="back1">
						<u-icon name="arrow-left" color="#ffffff" size="32"></u-icon>
					</view>
				</view>
				<u-swiper :list="shopInfo.images" interval="5000" duration="1000" :circular="true" height="640" mode="number" indicator-pos="bottomRight" @click="lunbot"></u-swiper>
			</view>
			<view class="con_1">
				<view class="">
					<view class="display just_space">
						<view class="">
							<text class="ft_14 c-red">￥</text>
							<text class="c-red" style="font-size: 28px;">{{userInfo.role_type==0 ? shopInfo.prices:userInfo.role_type==1 ? shopInfo.prices1:userInfo.role_type==2?shopInfo.prices2:shopInfo.prices3}}</text>
							<text class="ft_16 c-999 p_left_10 shancText">￥{{shopInfo.market_price}}</text>
						</view>
						<view class="">
							<u-icon name="zhuanfa" color="#999999" size="50" style="margin-right: 10px;" @click="show3=true"></u-icon>
							<u-icon name="heart" color="#999999" size="50" v-if="shopInfo.is_collection==0" @click="shouc"></u-icon>
							<u-icon name="heart-fill" color="#ed9923" size="50" v-else @click="shouc"></u-icon>
						</view>
					</view>  
					<view class="ft_18 fw-b" style="padding: 10px 0;">
						{{shopInfo.name}}
					</view>
				</view>
				<view class="display just_space baozhang">
					<view class="display">
						<image :src="baozicon"></image>
						<text class="p_left_10">正品保障</text>
					</view>
					<view class="display">
						<image :src="baozicon"></image>
						<text class="p_left_10">急速发货</text>
					</view>
					<view class="display">
						<image :src="baozicon"></image>
						<text class="p_left_10">免基础运费</text>
					</view>
				</view>
			</view>
			
			<view class="con_3 card">
				<view class="display just_space p_bottom_10" @click="show1=true">
					<view class="ft_16 fw-b ">
						优惠活动
					</view>
					<u-icon name="arrow-right" color="#999999" size="26"></u-icon>
				</view>
				<view class="display p_bottom_10">
					<view class="p_right_10 c-999">
						领券
					</view>
					<view class="display" v-if="youhuiqList.length>0">
						<view class="ft_10 youhuiq" v-for="(item,index) in youhuiqList" :key="index">
							{{item.explain}}
						</view>
					</view>
					<view class="" v-else>
						暂无活动
					</view>
				</view>
				<view class="display ">
					<view class="p_right_10 c-999">
						满减
					</view>
					<view class="display" style="width: 85%;flex-flow: wrap;" v-if="manjian.length>0">
						<view class="p_right_10" v-for="(item,index) in manjian" :key="index">
							{{item.title}}
						</view>
					</view>
					<view class="" v-else>
						暂无活动
					</view>
				</view>
			</view>
			<view class="con_4 card">
				<view class="display just_space p_bottom_10" @click="show2=true">
					<view class="ft_16 fw-b">
						规格信息
					</view>
					<u-icon name="arrow-right" color="#999999" size="26"></u-icon>
				</view>
				
				<view class="display p_bottom_10" v-for="(item,index) in guiginfo.slice(0,3)" :key="index" v-if="guiginfo.length>0">
					<view class="p_right_10 c-999" style="width:20%;">
						{{item.title}}
					</view>
					<view class="" style="width: 80%;">
						{{item.value}}
					</view>
				</view>
				<view class="" v-if="guiginfo.length==0" style="text-align: center;">
					暂无规格
				</view>
			</view>
			<view class="con_4 card" style="padding-bottom: 0;">
				<view class="display just_space p_bottom_10">
					<view class="ft_16 fw-b ">
						评价
					</view>
					<view class="" @click="go_allpj()">
						<text class="ft_12 c-999">全部</text>
						<u-icon name="arrow-right" color="#999999" size="26"></u-icon>
					</view>
				</view>
				
				<view class="display p_bottom_10" style="align-items: flex-start;" v-for="(item,index) in pingjiaList.slice(0,2)" :key="index" v-if="pingjiaList.length>0">
					<view class="" style="width: 40px;height: 40px;margin-right: 10px;">
						<image :src="item.avatar" style="width: 40px;height: 40px;border-radius: 50%;"></image>
					</view>
					<view class="" style="width: 100%;">
						<view class="display just_space p_bottom_10">
							<view class="ft_12 c-333">{{item.username}}</view>
							<view class="ft_10 c-999">{{item.createtime}}</view>
						</view>
						<view class="ft_12 c-666 p_bottom_10">{{item.title}}</view>
						<view class="display" style="flex-flow: wrap;">
							<image :src="item1" mode="aspectFill" style="width: 80px;height: 80px;border-radius: 5px;margin: 0 10px 10px 0;" v-for="(item1,index1) in item.images" :key="index1" @click="$all.preview2(item.images,index1)"></image>
						</view>
					</view>
				</view>
				<view class="" v-if="pingjiaList.length==0" style="text-align: center;">
					暂无评价
				</view>
			</view>
			<view class="con_5 card">
				<view class="ft_16 fw-b p_bottom_10">
					商品详情
				</view>
				<u-parse class="p_bottom_10" :html="details" :tag-style="style"></u-parse>
				<!-- <view class="p_bottom_10" v-for="(item,index) in shopInfo.img" :key="index">
					<image :src="item" mode="widthFix"></image>
				</view> -->
			</view>
			
			<view class="" style="height: 100rpx;"></view>
			<view class="bottom_bar display">
				<view class="cart display just_space">
					<!-- #ifndef MP-WEIXIN -->
					<view class="" @click="go_kefu()">
						<u-icon name="kefu-ermai" color="#333333" size="50"></u-icon>
						<view class="ft_12">客服</view>
					</view>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<button open-type='contact' :send-message-title="shopInfo.name" send-message-path="/pages/index/index/shop/shopDetail?shopid=shopid" :send-message-img="GGimage" show-message-card="true">
						<u-icon name="kefu-ermai" color="#333333" size="50"></u-icon>
						<view class="ft_12">客服</view>
					</button>
					<!-- #endif -->
					<view class="" @click="go_cart" style="position: relative;">
						<u-icon name="shopping-cart" color="#333333" size="50"></u-icon>
						<!-- <view class="" style="border: 1px solid #fc2020;border-radius: 50%;">0</view> -->
						<u-badge type="error" :count="cartnum" :show-zero="true" :is-center="true"></u-badge>
						<view class="ft_12">购物车</view>
					</view>
				</view>
				<view class="add_cart" @click="openGG">
					加入购物车
				</view>
				<view class="lijipay" @click="openGG">
					立即购买
				</view>
			</view>
			
		</view>
		<!-- 选择规格弹窗 -->
		<u-popup v-model="show" mode="bottom" border-radius="14" closeable>
			<view class="guige">
				<view class="display shopinfo p_bottom_10">
					<view class="img"> 
						<image :src="GGimage" mode="aspectFill"></image>
					</view>
					<view class="p_left_10">
						<view class="p_bottom_10">
							<text>￥</text>
							<text class="ft_20 fw-b">{{GGprice}}</text>
						</view>
						<view class="ft_18 fw-b">
							{{shopInfo.name}}
						</view>
					</view>
				</view>
				<view class="p_bottom_10" v-for="(item,index) in guigeList" :key="index">
					<view class="p_bottom_10 c-999">
						{{item.name}}
					</view>
					<view class="display" style="flex-flow: wrap;">
						<view class="ft_12 active" :class="item.checked==index1?'active':'noactive'" v-for="(item1,index1) in item.sku_item" :key="index1" @click="selectGG(item,index,item1,index1)">
							{{item1.name}}
						</view>
					</view>
				</view>
				<view class="">
					<view class="p_bottom_10 c-999">
						数量
					</view>
					<u-number-box v-model="value" @change="valChange" :min="1" :max="99"></u-number-box>
				</view>
				<view class="display just_space">
					<view class="pindBtn1" @click="addCart()">
						加入购物车
					</view>
					<view class="pindBtn2" @click="go_pay">
						立即购买
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 优惠活动 -->
		<u-popup v-model="show1" mode="bottom" border-radius="14" closeable height="1000rpx">
			<view class="youhuiPop">
				<view class="c-999" style="text-align: center;">优惠活动</view>
				<view class="display just_space title" style="border-bottom: 1px solid #eeeeee;">
					<view class="c-999">满减</view>
					<view class="display" style="width: 85%;flex-flow: wrap;">
						<view class="p_right_10" v-for="(item,index) in manjian" :key="index">
							{{item.title}}
						</view>
					</view>
				</view>
				<view class="c-999 title">优惠券</view>
				<view class="">
					<view class="display just_space youhq" v-for="(item,index) in youhuiqList" :key="index">
						<view class="display">
							<view class="p_right_10" style="text-align: center;">
								<view class="fw-b price">
									<text>￥</text>
									<text class="ft_24">{{item.price}}</text>
								</view>
								<view class="ft_12" v-if="item.limit==0">无限制</view>
								<view class="ft_12" v-else>满{{item.price_cond}}可用</view>
							</view>
							<view class="" style="line-height: 1.6em;">
								<view class="ft_16 fw-b">{{item.title}}</view>
								<view class="ft_10 c-999">{{item.use_time}}</view>
								<view class="ft_12" v-if="item.limit==0">{{item.explain}}</view>
								<view class="ft_12" v-else>仅限{{item.category_name}}类商品</view>
							</view>
						</view>
						<view class="ft_12 lingqu" v-if="item.is_receive==0" @click="lingquYHQ(item)">立即领取</view>
						<view class="ft_12 shiyong" v-else @click="show1=false">立即使用</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 规格信息 -->
		<u-popup v-model="show2" mode="bottom" border-radius="14" closeable height="1000rpx">
			<view class="guigePop">
				<view class="c-999" style="text-align: center;">
					规格信息
				</view>
				<view class="display just_space GGinfo" v-for="(item,index) in guiginfo" :key="index" style="">
					<view class="c-999" style="min-width: 60px;">{{item.title}}</view>
					<view class="" style="text-align: right">{{item.value}}</view>
				</view>
			</view>
		</u-popup>
		<!-- 转发弹窗 -->
		<u-popup v-model="show3" mode="bottom" border-radius="14" closeable>
			<view class="display" style="padding: 30px;justify-content: space-around;">
				<view class="share" style="text-align: center;">
					<!-- #ifdef MP-WEIXIN -->
					<button open-type="share" @onShareAppMessage="onShareAppMessage">
						<image src="/static/index/haoyou.png" style="width: 50px;height: 50px;"></image>
						<view class="">微信</view>
					</button>
					<!-- #endif -->
					<!-- #ifndef MP-WEIXIN -->
					<view class="" @click="weix_pop()">
						<image src="/static/index/haoyou.png" style="width: 50px;height: 50px;"></image>
						<view class="">微信</view>
					</view>
					<!-- #endif -->
				</view>
				<!-- <view class="share" style="text-align: center;">
					<button open-type="share" @onShareTimeline="onShareTimeline">
						<image src="/static/index/pyquan.png" style="width: 50px;height: 50px;"></image>
						<view class="">朋友圈</view>
					</button>
				</view> -->
			</view>
		</u-popup>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:{role_type:''}, //用户信息  获取用户状态
				cartnum:'', //购物车数量
				heart:true, //是否收藏
				shopid:7, //商品id
				baozicon:"/static/index/index/shopdetail/baozhang.png", //保障图标
				shopInfo:{}, //商品信息
				pingjiaList:[], //评价
				youhuiqList:[
					'新人15元券','满20减5','满50减12'
				],
				manjian:"", //满减活动
				guiginfo:[], //规格信息
				details:"<p>asdsad</p></br><p>asdsad</p>",
				show:false, //规格弹窗
				guigeList:[], //规格列表
				guigeDetail:"", //规格详情
				guigeIds:[], //已选规格ids
				GGprice:"",//已选规格价格
				GGimage:"",//已选规格图片
				value: 1, //选择数量
				guigeDetailid:"", //规格详情id
				
				show1:false, //优惠活动弹窗
				show2:false, //规格信息弹窗
				show3:false, //转发弹窗
				
				style: { //商品详情富文本样式
					img: 'width:690rpx,',
					p:'line-height:0;'
				},
				
			}
		},
		onLoad(e) {
			console.log(e);
			if(e.pid){ //获取绑定id
				this.$all.setData('pid',e.pid)
			}
			if(e.shopid){ //获取商品id
				this.shopid=e.shopid
			}
			if(this.$all.getData('userInfo')){
				this.userInfo=this.$all.getData('userInfo') //获取用户信息
			}
			
			this.getshopInfo() //获取商品信息
			this.pingjiaInfo() //获取商品评价信息
			this.seeMorenGG() //查看默认规格属性
		},
		onBackPress() {
			// this.back() //监听返回
			// return true
		},
		methods: {
			is_login(){ //判断是否登录
				// #ifdef MP-WEIXIN
				if(!uni.getStorageSync("user")){
					this.$all.toast("请登录后操作")
					setTimeout(()=>{
						uni.navigateTo({
							url:"../../mine/pages/login/login?type="+1
						})
					},500)
					return
				}else{}
				// #endif
			},
			pingjiaInfo(){ //评价信息
				this.$myRequest('goods/evaluate',{
					goods_id:this.shopid
				}).then(res=>{
					console.log(res.data);
					let data=res.data.data
					if(res.data.code==1){
						this.pingjiaList=data.evaluate
					}
				})
			},
			go_allpj(){ //全部评价
				uni.navigateTo({
					url:"../../mine/allPingjia?id="+this.shopid
				})
			},
			getshopInfo(){ //获取商品信息
				this.$myRequest('goods/goods_detail',{
					goods_id:this.shopid
				}).then(res=>{
					console.log(res.data);
					let data=res.data.data
					if(res.data.code==1){
						this.shopInfo=data.info
						this.details=data.info.details //商品详情
						this.GGimage=this.shopInfo.images[0]
						this.manjian=data.activity //满减活动
						this.youhuiqList=data.coupon //优惠券
						this.guiginfo=data.attribute // 规格信息
						
						this.cartnum=data.cart // 购物车数量
					}
					// console.log(this.cartnum);
				})
			},
			
			go_cart(){ //去购物车
				uni.switchTab({
					url:"../cart/cart"
				})
				
			},
			lingquYHQ(item){ //领取优惠券
				this.is_login() //判断是否登陆
				console.log(item.id);
				this.$myRequest('user/user_coupon',{
					id:item.id
				}).then(res=>{
					console.log(res.data);
					this.$all.toast(res.data.msg)
					if(res.data.code==1){
						this.show1=false
						this.getshopInfo() //获取商品信息
					}
				})
			},
			back() { //返回上一页
				var pages = getCurrentPages();//当前页
				console.log(pages[pages.length - 2].route);
				if(!pages[pages.length - 2]){ //如果没有上一个页面 返回首页
					uni.switchTab({
						url:"../index/index"
					})
				}else{
					uni.navigateBack({
						delta: 1
					})
				}
			},
			lunbot(e) { //轮播图预览
				this.$all.preview2(this.shopInfo.images, e)
			},
			
			shouc(){ //收藏
				this.is_login() //判断是否登陆
				console.log(uni.getStorageSync("user"));
				this.$myRequest('goods/collection',{
					goods_id:this.shopid,
				}).then(res=>{
					console.log(res.data);
					this.$all.toast(res.data.msg)
					if(res.data.code==1){
						this.getshopInfo() //刷新页面数据
					}
				})
			},
			
			onShareAppMessage(res) { //监听分享
				console.log("用户点击了按钮开始分享", res)
				this.show3=false
				console.log(this.sharedata.path,'1111');
				if (res.from === 'button') {// 来自页面内分享按钮
					console.log(res.target,2222)
					return {
						title: this.shopInfo.name,
						path: `/pages/shop/shopDetail?shopid=${this.shopid}&pid=${this.$all.getData('user').id}`,
						success(res){ //微信取消了分享返回
							console.log(res)
							uni.showToast({title: '分享成功'})
						},
						fail(err){
							console.log(err)
							uni.showToast({title: '分享失败',icon:"none"})
						}
					}
				}
			},
			onShareTimeline(res) { //转发到朋友圈传递的数据
				return {
					title: this.shopInfo.name,
					query: `shopid=${this.shopid}&pid=${this.$all.getData('user').id}`,
					imageUrl: '',
				}
			},
			weix_pop(){ //分享到微信 app
				let user=this.$all.getData('user')
				this.show3=false
				console.log(this.shopInfo.images[0]);
				// return
				// let imageUrl='https://huicai.sdyilian.top/uploads/20211125/da4ee3d7d23e33001d62073bd262a5d5.jpeg'
				let that=this
				uni.share({
					provider: 'weixin',
					scene: "WXSceneSession",
					type: 5,
					imageUrl: that.shopInfo.images[0],
					title: that.shopInfo.name,
					miniProgram: {
						id: 'gh_2041a37d9177',
						path: `/pages/shop/shopDetail?shopid=${that.shopid}&pid=${user.id}`,
						type: getApp().globalData.sharetype,
						webUrl: 'http://uniapp.dcloud.io'
					},
					success: ret => {
							console.log(JSON.stringify(ret));
					},
					fail:err =>{
						that.$all.toast("分享失败")
						console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			friend_q(){ //分享朋友圈
				let user=this.$all.getData('user')
				return
				uni.share({
					provider: "weixin",
					scene: "WXSenceTimeline",
					type: 0,
					href: 'http://muchang.jjgxmc.cn:9090/#/?uid='+user.uid,
					title: "菁菁牧场",
					summary: "我正在使用菁菁牧场在线养殖，赶紧跟我一起来体验！",
					imageUrl: "../../static/logo3.png",
					success: function (res) {
						this.$all.toast("分享成功")
						console.log("success:" + JSON.stringify(res));
					},
					fail: function (err) {
						this.$all.toast("分享失败")
						console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			go_kefu(){ //去客服
				console.log(1);
				uni.navigateTo({
					url:"kefu?shopname="+this.shopInfo.name
				})
				// #ifdef APP-PLUS
				// location.assign("http://kf.zhimakf.com/s/63183k642")
				// plus.runtime.openURL(getApp().globalData.kefuLink+'?shopname='+this.shopInfo.name)
				// #endif
			},
			
			openGG(){ //打开规格选择
				this.is_login() //判断是否登陆
				this.show=true
			},
			seeMorenGG(){  //查看默认规格属性
				this.$myRequest('goods/spec_goods',{
					goods_id:this.shopid
				}).then(res=>{
					console.log(res.data.data);
					new Promise(resolve=>{
						this.guigeList=res.data.data.sku_spec
						this.guigeList.forEach(i=>{
							i.checked=0
							// this.guigeIds=[] //清空已选规格id
							if(this.guigeIds.length<2){
								this.guigeIds.push(i.sku_item[0].id)
							}
						})
						resolve()
					}).then(res=>{
						this.seeguigeSX(this.shopid,this.guigeIds.join('_'))  //查询规格详情
					})
				})
			},
			seeguigeSX(goods_id,spec_id){ //查询规格详情
				console.log(spec_id);
				let that=this
				that.$myRequest('goods/sku_product',{ //规格详情
					goods_id:goods_id,
					spec_id:spec_id,
				}).then(res=>{
					console.log(res.data.data);
					if(res.data.code==1){
						let data=res.data.data.sku_product
						let user=this.userInfo.role_type
						this.guigeDetailid=data.id
						this.GGprice = user==0 ? data.price : user==1 ? data.price1 : user==2 ? data.price2 :data.price3
					}else{
						this.guigeDetailid=''
						if(this.show==true){ //选择规格在打开状态提示
							this.$all.toast(res.data.msg)
						}
					}
					
				})
			},
			valChange(e) { //选择数量
				console.log('当前值为: ' + e.value)
			},
			selectGG(item,index,item1,index1){ //选择规格
				item.checked=index1
				this.guigeIds[index]=item1.id //替换选择规格
				// console.log(this.guigeIds);
				this.seeguigeSX(this.shopid,this.guigeIds.join('_'))  //查询规格属性
				this.$forceUpdate() //迫使 Vue 实例重新渲染
			},
			
			addCart(){ //加入购物车
				console.log(this.shopid);
				console.log(this.guigeDetailid);
				console.log(this.value);
				this.is_login() //判断是否登陆
				if(this.shopInfo.type_switch==5){ 
					this.$all.toast('虚拟商品不可加入购物车')
					return
				}
				if(!this.guigeDetailid){
					this.$all.toast('商品库存不足请重新选择')
					return
				}
				this.$myRequest('cart/add_cart',{
					goods_id:this.shopid,
					sku_id:this.guigeDetailid,
					num:this.value
				}).then(res=>{
					// console.log(res.data);
					this.$all.toast(res.data.msg)
					if(res.data.code==1){
						this.show=false
					}
				})
				
			},
			go_pay(){ //立即购买
				console.log(this.shopid);
				console.log(this.guigeDetailid);
				console.log(this.value);
				this.is_login() //判断是否登陆
				if(!this.guigeDetailid){
					this.$all.toast('商品库存不足请重新选择')
					return
				}
				uni.navigateTo({
					url:"confirmOrder?shopid="+this.shopid+"&ggid="+this.guigeDetailid+"&num="+this.value
				})
			},
			
			
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fafafa;
}
.content{
	.card{
		background-color: #FFFFFF;
		padding: 15px;
	}
	.lunbo {
		position: relative;
		.back {
			width: 100rpx;
			height: 100rpx;
			position: absolute;
			z-index: 999;
			padding: 80rpx 40rpx;
			.back1{
				background-color: #333333;border-radius: 50%;width: 60rpx;height: 60rpx;opacity: .5;line-height: 60rpx;text-align: center;
			}
		}
	}
	.con_1{
		padding: 15px;background-color: #FFFFFF;
		margin-bottom: 5px;
		.baozhang{
			padding-top: 15px;border-top: 1px solid #eeeeee;
			image{
				width: 14px;height: 16px;
			}
		}
	}
	.con_2{
		padding: 10px 15px;background-color: #FFFFFF;
		margin-bottom: 5px;
		.title{
			padding-bottom: 10px;border-bottom: 1px solid #eeeeee;
		}
		.pintIng{
			.pintIng1{
				padding: 10px 0;border-bottom: 1px solid #eeeeee;
				.pintleft{
					image{
						width: 25px;height: 25px;border-radius: 50%;
					}
				}
				.join{
					background: linear-gradient(90deg, #F1A421 0%, #E4741F 100%);color: #FFFFFF;padding: 5px 10px;border-radius: 15px;
				}
			}
		}
		.all_pint{
			text-align: center;padding: 10px 0;
		}
	}
	.con_3{
		margin-bottom: 10px;
		.youhuiq{
			padding: 1px 5px;border: 1px solid #EE1B1B;color: #EE1B1B		;margin-right: 10px;
		}
	}
	.con_4{
		margin-bottom: 10px;
	}
	.con_5{
		margin-bottom: 10px;
		padding-bottom: 0;
		image{
			width: 100%;border-radius: 10px;
		}
	}
	.bottom_bar{
		background-color: #FFFFFF;height: 100rpx;width: 100%;position: fixed;bottom: 0;border-top: 1px solid #eeeeee;
		.cart{
			text-align: center;width: 35%;
			padding: 0 20px;
			button{
				margin: 0;
				padding: 0;
				background-color: transparent;
				border-radius: 30px;
				line-height:1.2em;
				text-align: center;
			}
			button:after{
				border:none;
			}
			
		}
		.add_cart{
			text-align: center;width: 30%;background: linear-gradient(90deg, #FF6A6A 0%, #FC1A1A 100%);height: 100rpx;line-height: 100rpx;color: #FFFFFF;
		}
		.lijipay{
			text-align: center;width: 35%;background: linear-gradient(90deg, #F1A421 0%, #E4741F 100%);height: 100rpx;line-height: 100rpx;color: #FFFFFF;
		}
	}
	
}
.guige{
	padding: 30px 15px;
	.shopinfo{
		.img{
			width: 100px;height: 100px;
			image{
				width: 100px;height: 100px;border-radius: 10rpx;
			}
		}
	}
	.active{
		border: 1px solid #E67920;border-radius: 5rpx;margin-right: 10px;padding: 3px 20px;color: #E67920;
		margin-bottom: 10px;
	}
	.noactive{
		border: 1px solid #999999;border-radius: 5rpx;margin-right: 10px;padding: 3px 20px;color: #999999;
		margin-bottom: 10px;
	}
	
	.pindBtn1{
		background: linear-gradient(90deg, #FF6A6A 0%, #FC1A1A 100%);margin: 80px 20px 20px;padding: 15px 0;color: #FFFFFF;border-radius: 30px;text-align: center;width: 165px;
	}
	.pindBtn2{
		background: linear-gradient(90deg, #F1A421 0%, #E4741F 100%);margin: 80px 20px 20px;padding: 15px 0;color: #FFFFFF;border-radius: 30px;text-align: center;width: 165px;
	}
	
}

.youhuiPop{
	padding: 50px 15px;
	.title{
		padding: 20px 0;
	}
	.youhq{
		padding: 15px 20px;border: 1px solid #dedede;margin-bottom: 5px;
		.price{
			color: #F69D37;padding-bottom: 5px;
		}
		.shiyong{
			width: 75px;text-align: center;
			border: 1px solid #E67920;color: #E67920;padding: 5px 10px;border-radius: 30px;
		}
		.lingqu{
			width: 75px;text-align: center;
			background: linear-gradient(90deg, #F1A421 0%, #E4741F 100%);color: #ffffff;padding: 5px 10px;border-radius: 30px;
		}
	}
}
.guigePop{
	padding: 50px 15px;
	.GGinfo{
		padding: 20px 0;border-bottom: 1px solid #eeeeee;
	}
}

.share{
	button{
		background-color: transparent;
		line-height: 1.5em;
		font-size: 14px;
	}
	button:after{
		border: none !important;
	}
}

</style>
